<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     <style>
        *{
           margin: 0 auto;
          padding: 0;
          background-color: #cccccc;
        }
        .box{
            width: 900px;
            height: 500px;
            background-color: white;
            margin-top: 100px;
            border-radius: 10px;
        }
        .title{
           width: 800px;
           height: 50px;
           background-color: white;
           color: #000000;
           text-align: left;
           line-height: 50px;
          padding-top: 20px;
          border-bottom: 1px solid #cccccc;
       }
        .main{
           width: 800px;
           height: 300px;
           background-color: #cccccc;
           margin-top: 40px;
          border-radius: 10px;
          overflow: hidden;
       }
        .img{
          width:50px;
          height:50px;
          background-image:url("./img/4.png");
          background-size:cover;
          background-repeat:no-repeat;
          float: left;
          margin-top: 10px;
          margin-left: 10px;
          border-radius: 50%;
        }
        .information{
           width: 300px;
           height: 50px;
          background-color:#cccccc;
           float: left;
           margin-top: 10px;
           margin-left: 10px;
           /*text-align: left;*/
           line-height: 50px;
       }
        .main_main{
           width: 700px;
           height: 150px;
           background-color: #cccccc;
          margin-left: 50px;
          margin-top: 80px;
          border-radius: 10px;
        }
        .main_bottom{
           width: 700px;
           height: 50px;
           background-color: #cccccc;
        }
        span{
          font-size: 12px;
          color: grey;
          margin-left: 10px;
        }
     </style>
</head>
<body>
<div>
  <div class="box">
    <div class="title">用户评价(128)</div>
    <div class="main">
      <div class="main_title">
        <div class="img"></div>
        <div class="information"><span style="font-weight: bolder">张三</span><span style="font-size: 12px;color: grey;margin-left: 1em">2023-05-15</span></div>
      </div>
      <div class="main_main">商品质量非常好，音质清晰，降噪效果出色。电池续航能力也很强，连续使用了5个小时还有60%的电量。非常满意的一次购物体验!</div>
      <div class="main_bottom"><span>👍赞(25)</span><span>回复</span><span>举报</span></div>
    </div>
  </div>
</div>
</body>
</html>